<template>
  <div>
    <School/>

    <Student/>

  </div>
</template>


<script>
// scoped样式
// 作用:让样式在局部生效，防止冲突。
// 写法: <style scoped>
    // 引入组件
    import Student from './components/Student'

    import School from './components/School'


    export default {
        name: 'App',
        components:{
          Student,School
        }
    }
</script>
<style  lang="less">
.title{
  color: yellow;
}
</style>